<script setup>
import { RouterLink, RouterView } from "vue-router";
// import HelloWorld from './components/HelloWorld.vue'
</script>

<template>
    <header>
        <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
    </header>
    <!-- <header>
    <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />

    <div class="wrapper">
      <HelloWorld msg="You did it!" />

      <nav>
        <RouterLink to="/">Home</RouterLink>
        <RouterLink to="/about">About</RouterLink>
      </nav>
    </div>
  </header> -->

    <RouterView />
    <!-- 动态路由的固定写法 ↓ -->
    <!-- <router-view v-slot="{ Component, route }">
        <transition name="fade-transform" mode="out-in">
            <keep-alive>
                <component :is="Component" :key="route.fullPath" />
            </keep-alive>
        </transition>
    </router-view> -->
</template>

<style scoped lang="scss">
// @import "@/styles/main.scss";
// @import "@/styles/variables.scss";
</style>
